<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			.article-author {
				color: #222A75;
				font-weight: bold;
			}
			.article-info {
				color: gray;
				margin-top: 20px;
				text-align: center;
			}
			.article-abstract {
				margin: 20px;
				background-color: #EEEEEE;
				padding: 16px;
				font-size: 14px;
			}
		</style>
	</head>
	<body>
		<!-- 定位 -->
		<div class="department_tab_bgcolor">
			<div class="department_tab">
				<div class="department_tab_right">
					<div id="tab0" class="tab active">
						<div class="tab_active_bottom">
							<h2>{$list.title}</h2>
							<div class="article-info">
								<div>
									<span class="article-author">{$list.author}</span>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
									{$list.create_time}&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;{$list.look_num}次浏览
								</div>
							</div>
							<div class="article-abstract">{$list.abstract}</div>
							<p style="margin: 16px;">{$list.content}</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- 逻辑部分 -->
		<script>
			function showTab(index) {
				var tabs = document.getElementsByClassName("tab");
				for (var i = 0; i < tabs.length; i++) {
					tabs[i].classList.remove("active");
				}
				document.getElementById("tab" + index).classList.add("active");
			}
			$(".tab1_content_nav_div1").click(function() {
				$(".tab1_content1_000").show()
				$(".tab1_content1_001").hide()
				$(".tab1_content1_002").hide()
				$(".tab1_content1_001_more").hide()
				$(".tab1_content_nav_div1 img").attr("src","img/31.png")
				$(".tab1_content_nav_div2 img").attr("src","img/32.png")
				$(".tab1_content_nav_div3 img").attr("src","img/34.png")

			})
			$(".tab1_content_nav_div2").click(function() {
				$(".tab1_content1_000").hide()
				$(".tab1_content1_001").show()
				$(".tab1_content1_002").hide()
				$(".tab1_content1_001_more").show()
				$(".tab1_content_nav_div2 img").attr("src","img/33.png")
				$(".tab1_content_nav_div1 img").attr("src","img/30.png")
			})
			$(".tab1_content_nav_div3").click(function() {
				$(".tab1_content1_000").hide()
				$(".tab1_content1_001").hide()
				$(".tab1_content1_002").show()
				$(".tab1_content1_001_more").show()
				$(".tab1_content_nav_div3 img").attr("src","img/35.png")
				$(".tab1_content_nav_div1 img").attr("src","img/30.png")
				$(".tab1_content_nav_div2 img").attr("src","img/32.png")
			})


			$(".tab1_content1_002_1").click(function(){
				$(this).find(".tab1_content1_002_1_div1").addClass("active1")
				$(this).siblings().find(".tab1_content1_002_1_div1").removeClass("active1")
			})

		</script>
	</body>
</html>
